let data = {
  pagenum: 1,
  pagesize: 2,
  // state: ,
  // cate_id: 
}


function getUser() {
  let str = ''
  $.ajax({
    type: 'GET',
    url: '/admin/users',
    data: data,
    success: function (res) {

      showPage(res.total)
      if (res.status === 0) {
        res.data.forEach(item => {

          str += `<tr>
           <td>${item.id}</td>
           <td>${item.username}</td>
           <td>${item.nickname}</td>
           <td>${item.email}</td>
          
          <td>
          <a href="./edit.html?id=${item.id}" class="layui-btn layui-btn-xs">编辑</a>
          <button data-id="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
          <button data-id="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger ps">重置密码</button></td>
         </tr>`
        });

        $('tbody').html(str)
      }
    }
  })
}
getUser()
let form = layui.form
form.verify({
  same: function (value) {
    var uname = $('.layui-form input[name=password]').val()
    if (value !== uname) {
      return '两次输入的密码不一样'
    }
  }
})


$('tbody').on('click', '.ps', function () {
  let id = $(this).data('id')

  editIndex = layer.open({
    // 弹出层的配置项，去目录中基础参数找
    type: 1,
    title: '重置密码',
    content: $('#chongzhi').html(),
    area: ['500px', '250px'],
    // 弹出出现之后，设置弹出中的表单的默认值
    success: function () {
      $('#edit-form').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()

        $.ajax({
          type: 'PUT',
          url: `/admin/users/${id}`,
          data: data,
          success: function (res) {
            if (res.status == 0) {
              layer.msg(res.message)
            } else {
              layer.msg(res.message)
            }
          }
        })
      })

    }
  });
})
$('tbody').on('click', '.del', function () {
  let id = $(this).data('id')
  layer.confirm('确定要删除吗？', function (index) {
    // 点击确定，执行这个函数
    $.ajax({
      type: 'DELETE',
      url: `/admin/users/${id}`,
      success: function (res) {
        console.log(res)
        layer.msg(res.message)
        getUser()
      }
    })
    layer.close(index);
  });

})




// 分页

function showPage(a) {
  var laypage = layui.laypage;
  console.log(a)
  //执行一个laypage实例
  laypage.render({
    elem: 'page', // 注意，这里的 test1 是 ID，不用加 # 号
    count: a, // 数据总数，从服务端得到
    limit: data.pagesize, // 每页几条数据
    curr: data.pagenum, // 当前页
    // prev: '<',
    layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'], // 自定义排版
    limits: [1, 2, 3, 5],
    // 切换页码时的回调
    jump: function (obj, first) {
      // 首次不执行
      if (!first) {
        // do something
        // obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数
        data.pagenum = obj.curr;
        data.pagesize = obj.limit;
        getUser();
      }
    }
  });


}

